<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:core="http://www.contact.core.com/contacts/core/ui"
      xmlns:a4j="http://richfaces.org/a4j"
        >
<!--@elvariable id="bean" type="rs.contacts.core.ui.util.ActionBean"-->
<!--@elvariable id="reRender" type="java.lang.Object"-->
<ui:component>
    <style type="text/css">

        .buttonSave {
            color: rgb(255, 255, 255);
            font-weight: 200;
            background: #7474f6;
            border: groove 1px;
            border-color: #454573;
            cursor: pointer;
        }

        .buttonCancel {
            color: rgb(255, 255, 255);
            font-weight: 200;
            /*background: #c4c2c2;*/

            border: groove 1px;
            border-color: #454573;
            cursor: pointer;
        }

    </style>

    <a4j:region>
        <a4j:status>
            <f:facet name="start">
                <h:graphicImage value="./style/images/ajax-loader.gif"/>
            </f:facet>
        </a4j:status>
        <h:panelGroup layout="block" style="widht:600px;    background:inherit;">
            <h:panelGrid width=":100%" columns="1">
                <h:panelGroup layout="block">
                    <center>
                        <h:panelGroup layout="block">
                            <ui:insert name="panelBody">
                                <h:outputLabel value="Default body panelBody"/>
                            </ui:insert>
                        </h:panelGroup>
                    </center>

                </h:panelGroup>

                <h:panelGroup layout="block" style=" text-align:center;width:100%">
                    <center>
                        <h:panelGrid columns="2">
                            <a4j:commandButton styleClass="buttonSave"
                                               action="#{bean.action}"
                                               value="#{resources.saveChangesLabel}"
                                               reRender="#{reRender}"/>
                            <a4j:commandButton styleClass="buttonCancel"
                                               value="#{resources.cancelButton}"
                                               action="#{bean.close}"
                                               reRender="#{reRender}"/>
                        </h:panelGrid>
                    </center>
                </h:panelGroup>
            </h:panelGrid>
        </h:panelGroup>


    </a4j:region>


</ui:component>


</html>
